<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<!-- styles -->
	<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/css/font-robotos.css" />
	<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/css/style.css" />
<!-- script -->
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/bootstrap.min.js"></script>

<?php wp_head(); ?>

</head>
<body <?php body_class(); ?>>

<div id="container" class="wrapper">
	<div id="header" class="header">
		<div class="container">
<!--			<div class="row top-header clearfix">-->
<!--				<p class="hotline pull-right">Hotline : 096 361 3536 - 096 361 3536</p>-->
<!--			</div><!-- top-header -->
			<div class="row main-header clearfix">
				<button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#nav-responsive" aria-expanded="false" aria-controls="navbar">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<?php if ( is_front_page() && is_home() ) : ?>
				<h1 class="logo pull-left">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
						<?php if(has_header_image()): ?>
								<img class="pc" src="<?php echo( get_header_image() ); ?>" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
								<img class="sp" src="<?php bloginfo("template_url"); ?>/img/logo_responsive.png" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
							<?php else: ?>
								<img class="pc" src="<?php bloginfo("template_url"); ?>/img/logo.png" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
								<img class="sp" src="<?php bloginfo("template_url"); ?>/img/logo_responsive.png" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
						<?php endif; ?>
					</a>
				</h1>
				<?php else: ?>
				<p class="logo pull-left">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
						<?php if(has_header_image()): ?>
								<img class="pc" src="<?php echo( get_header_image() ); ?>" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
								<img class="sp" src="<?php bloginfo("template_url"); ?>/img/logo_responsive.png" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
							<?php else: ?>
								<img class="pc" src="<?php bloginfo("template_url"); ?>/img/logo.png" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
								<img class="sp" src="<?php bloginfo("template_url"); ?>/img/logo_responsive.png" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
						<?php endif; ?>
					</a>
				</p>
				<?php endif; ?>
				<div class="pull-right">
					<?php
					if ( has_nav_menu( 'primary' ) ) :
						wp_nav_menu(array( 'theme_location' => 'primary', 'menu_class' => 'global-nav clearfix' ));
					endif; ?>
					<a href="#" class="trial popup-control">Dùng thử</a>
				</div>
			</div><!-- main-header -->

			<div id="nav-responsive" class="collapse">
				<?php
				if ( has_nav_menu( 'primary' ) ) :
					wp_nav_menu(array( 'theme_location' => 'primary', 'menu_class' => 'nav-responsive' ));
				endif; ?><!-- nav-responsive -->
			</div>
		</div>
	</div>
	<!-- End header -->
	<div id="wrapper">
